<template>
  <div class="image-container">
    <van-nav-bar title="图片自适应"
                 left-arrow
                 @click-left="()=>$router.go(-1)" />
    <!-- 网络图片 -->
    <gwAutoImage v-for="index in 2"
                 :key="index"
                 :src="'https://file.moyublog.com/d/file/2020-11-29/475cfe86f2a58b57f479f459bd77dc80.png'">
    </gwAutoImage>
    <gwAutoImage v-for="index in 2"
                 :key="index"
                 :src="'https://img2.baidu.com/it/u=1395980100,2999837177&fm=253&fmt=auto&app=120&f=JPEG?w=1200&h=675'">
    </gwAutoImage>
    <!-- 本地图片 -->
    <gwAutoImage v-for="index in 2"
                 :key="index"
                 :src="require('@/assets/img1.webp')">
    </gwAutoImage>
    <gwAutoImage v-for="index in 2"
                 :key="index"
                 :src="require('@/assets/img2.jpeg')">
    </gwAutoImage>
  </div>
</template>
<script>
import gwAutoImage from "../components/gwAutoImage.vue";
export default {
  name: "gwAutoImageView",
  components: {
    gwAutoImage,
  },
};
</script>
<style lang="scss" scoped>
.image-container {
  padding: 10px;
}
</style>